.car {
  padding-bottom: 90rpx;
  // background: #ccc;
  .car_address {
    .car_address_btn {
      font-size: var(--fifthTitle);
      font-weight: normal;
      width: 100vw;
      letter-spacing: 1rpx;
      border-bottom: 1rpx solid var(--themeColor);
      padding: 12rpx 0;
      text-align: center;
      border-radius: 0;
      background: var(--backGroundColor);
    }
  }
  .info {
    display: flex;
    align-items: center;
    padding: 20rpx 20rpx 30rpx 20rpx;
    background: #fff
      url() -14rpx
      bottom repeat-x;
    background-size: 128rpx 10rpx;
    .info_left {
      flex: 10;
    }
    .inp_arrow {
      flex: 1;
      text-align: right;
      color: var(--levelThreeTitle);
      font-size: var(--secondTitle);
    }
  }
  .goods_box {
    height: ~"calc(100vh - 160rpx - 140rpx)";
    background-color: var(--backGroundColor);
    padding-top: 20rpx;
    .goods_one {
      display: flex;
      align-items: center;
      margin-bottom: 20rpx;
      padding: 40rpx 20rpx;
      background: #fff;
      border-radius: 20rpx;
      box-shadow: var(--shadow);
      .checked,
      .checknormal {
        flex: 1;
        text-align: left;
        color: var(--levelFourTitle);
      }
      .checked {
        color: var(--themeColor);
      }
      .goods {
        flex: 10;
        display: flex;
        .goods_img {
          display: inline-block;
          width: 170rpx;
          height: 200rpx;
          border-radius: 20rpx;
        }
        .goods_mes {
          flex: 1;
          padding: 0 0 10rpx 20rpx;
          .goods_name {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            font-size: var(--fifthTitle);
          }
          .goods_type {
            padding: 20rpx 0;
            font-size: var(--seventhTitle);
            .goods_type_one {
              color: var(--levelTwoTitle);
              letter-spacing: 4rpx;
              .goods_type_tag {
              }
              .goods_type_name {
                // color: var(--levelTwoTitle);
                color: var(--themeColor);
                padding: 4rpx 12rpx;
                border-radius: 6rpx;
                background-color: var(--backGroundColor);
              }
            }
          }
          .goods_name_bot {
            display: flex;
            justify-content: space-between;
            .goods_price {
              flex: 3;
              text-align: left;
              color: var(--themeColor);
              font-size: var(--fourthTitle);
              font-weight: 700;
            }
            .goods_number {
              flex: 2;
              display: flex;
              align-items: center;
              text-align: right;
              .goods_num_btn {
                font-weight: 700;
                color: var(--levelOneTitle);
                font-size: 20rpx;
                padding: 20rpx;
              }
              .goods_num_dis {
                color: var(--levelThreeTitle);
                font-size: 20rpx;
                padding: 20rpx;
              }
              .goods_num_inp {
                width: 80rpx;
                height: 44rpx;
                background-color: var(--backGroundColor);
                text-align: center;
                font-size: 22rpx;
              }
            }
          }

          .del {
            display: inline-block;
            font-size: var(--seventhTitle);
            color: var(--levelTwoTitle);
            letter-spacing: 4rpx;
          }
        }
      }
    }
  }
  .car_empty {
    height: ~"calc(100vh - 160rpx - 15rpx)";
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--secondTitle);
    .car_emp_box {
      text-align: center;
      .car_emp {
        // font-size: 130rpx;
        width: 180rpx;
      }
      .car_emp_text {
        color: var(--levelTwoTitle);
      }
    }
  }
  .bot_bar {
    display: flex;
    height: 90rpx;
    padding: 0 20rpx;
    align-items: center;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: var(--fifthTitle);
    background-color: #fff;
    box-shadow: var(--shadowUp);
    .bot_check {
      flex: 1;
      .checked,
      .checknormal {
        display: inline-block;
        margin-right: 4rpx;
        text-align: left;
        color: var(--levelFourTitle);
      }
      .checked {
        color: var(--themeColor);
      }
    }
    .bot_bar_mid {
      flex: 2;
      text-align: left;
      .bot_bar_price {
        font-weight: 700;
      }
    }
    .bot_bar_right,
    .bot_bar_right_dis {
      flex: 2;
      width: 100%;
      padding: 20rpx;
      border-radius: 50rpx;
      color: #fff;
      font-size: var(--fifthTitle);
      background-color: var(--themeColor);
    }
    .bot_bar_right_dis {
      opacity: 0.5;
    }
  }
}
